<template>
    <div class="bigbox">
        <div class="up scroll" ref="fa">
            <Navf ></Navf>
        </div>
        <div class="down">

        <div class="line"></div>
        <div class="smallbox scroll">
            
            <div><Bottom></Bottom></div>
            <div><Bottom></Bottom></div>
            <div><Bottom></Bottom></div>
            <div><Bottom></Bottom></div>
            <div><Bottom></Bottom></div>

        </div>
        </div>

    </div>

  
</template>

<script>
import Navf from './Navf.vue';
    import Bottom from "./bottom.vue"
    
export default {
    name:"FooTer",
    components:{
    Navf,
    Bottom
},
mounted(){
      console.log(this.$refs.fa)


    //   shizibox.addEventListener('scroll',)
      
    //   console.log(this.$refs)
      


}

}
</script>

<style scoped>
    .bigbox{
        overflow: hidden;
        color: rgb(68, 68, 68);
    }
    a{
        color: rgb(68, 68, 68) !important;
    }
    .up{
        height: 143px;
        width: 100%;
        background-color: rgb(27, 27, 27);
    }
    div{
        background-color: rgb(27, 27, 27);
        color: rgb(68, 68, 68) !important;
    }
.down{
    width: 100%;
    text-align: center;
    overflow: hidden;
    /* height: ; */
}
    .line{
        display: inline-block;
        width: 1200px;
        height: 1px;
        background-color: darkgray;
    } 
    .smallbox{
        display: inline-block;
        width: 1200px;
        /* height: 400px; */
        text-align: left;
        padding:50px   30px 50px 30px;
        
        
    }
    .smallbox div{
        display: inline-block;
        width: 380px;
    }
    img{
  width: 100%;
}

</style>